body {
				margin: 0;
				padding: 0;
				height: 100%;
			}
			
			input {
				font-size: 12px;
				/* 设置输入框中字体的大小*/
				height: 25px;
				/* 设置输入框的高度 */
				border-radius: 10px;
				/* 设置输入框的圆角的大小 */
				border: 1px solid #c8cccf;
				/* 设置输入框边框的粗细和颜色 */
				color: #000000;
				/* 设置输入框中文字的颜色 */
				outline: 0;
				/* 将输入框点击的时候出现的边框去掉 */
				text-align: left;
				/* 设置输入框中文字的位置 */
				padding-left: 10px;
				cursor: pointer;
				box-shadow: 2px 2px 5px 1px #ccc;
			}
			
			input::-webkit-input-placeholder {
				color: #00aaff;
				font-size: 12px;
			}
			
			table,
			tbody {
				width: 100%;
				border-collapse: collapse;
				height: 280px;
				display: block;
				overflow-y: scroll;
				border: 0;
			}
			
			table thead,
			tr {
				display: table;
				width: 100%;
				table-layout: fixed;
			}
			
			th,
			td {
				height: 15px;
				line-height: 15px;
				text-align: center;
				border: 0px solid #ccc;
			}
			
			th {
				background: #eee;
				font-weight: normal;
			}
			
			tr {
				background: #fff;
			}
			
			tr:hover {
				background: #f1f100;
			}
			
			td a {
				color: #06f;
				text-decoration: none;
			}
			
			td a:hover {
				color: #06f;
				text-decoration: underline;
			}
			
			#search {
				display: block;
				width: 20%;
				margin: 6px;
				outline: none;
				height: 40px;
				line-height: 40px;
				color: #fff;
				background-color: #00d466;
				text-align: center;
				border-radius: 5px;
				border: none;
				cursor: pointer;
			}
			
			#reset {
				display: block;
				width: 10%;
				margin: 6px;
				outline: none;
				height: 40px;
				line-height: 40px;
				color: #fff;
				background-color: #e29700;
				text-align: center;
				border-radius: 5px;
				border: none;
				cursor: pointer;
			}
			
			.mian {
				width: 100%;
				overflow: hidden;
				height: 100%;
				position: absolute;
				left: 0px;
				width: 100%;
				background-image: linear-gradient(50deg, #e6e6e6 100%, #c2c2c2 50%);
			}
			
			.center {
				text-align: center;
				position: absolute;
				width: 100%;
			}
			
			.saoma {
				text-align: center;
				bottom: 2%;
				position: absolute;
				width: 100%;
			}
			
			.message {
				align-items: center;
				text-align: center;
				justify-content: center;
			}
			
			#scanQRCode {
				margin: 0 auto;
				background-color: #26a2ff;
				display: flex;
				justify-content: center;
				align-items: center;
				width: 100px;
				height: 100px;
				//border-radius:50%;
				font-size: 15px;
				font-weight: bold;
				text-align: center;
				border-radius: 30px;
				border: none;
				cursor: pointer;
				color: #fff;
			}
			
			#scanQRCodeDown {
				margin: 0 auto;
				background-color: #ffaa00;
				display: flex;
				justify-content: center;
				align-items: center;
				width: 100px;
				height: 100px;
				// border-radius:50%;
				font-size: 15px;
				font-weight: bold;
				text-align: center;
				border-radius: 30px;
				border: none;
				cursor: pointer;
				color: #fff;
			}
			
			#uuu {
				margin: 0 auto;
				background-color: #00d466;
				display: flex;
				justify-content: center;
				align-items: center;
				width: 13px;
				height: 13px;
				// border-radius:50%;
				font-size: 15px;
				font-weight: bold;
				text-align: center;
				border-radius: 50px;
				border: none;
				cursor: pointer;
				color: #fff;
			}
			
			#ddd {
				margin: 0 auto;
				background-color: #ffaa00;
				display: flex;
				justify-content: center;
				align-items: center;
				width: 13px;
				height: 13px;
				// border-radius:50%;
				font-size: 15px;
				font-weight: bold;
				text-align: center;
				border-radius: 50px;
				border: none;
				cursor: pointer;
				color: #fff;
			}
			
			.footer {
				position: absolute;
				bottom: 10px;
				width: 100%;
			}
			
			.texts {
				text-align: center;
				color: #aa00ff;
			}
			
			.btn {
				background-color: orange;
				border-radius: 100%;
			}
			
			.btnUP {
				background-color: #00d466;
				border-radius: 100%;
			}
			
			.ion-qr-scanner {
				font-size: 80px;
				font-weight: 100;
			}
			.ion-arrow-down-a {
				font-size: 80px;
			}
			
			.box01 {
				color: #434343;
				position: relative;
				margin: 2px 2px;
			}
			
			.box01 input {
				-webkit-appearance: none;
				-moz-appearance: none;
				appearance: none;
				outline: 0;
				width: 200px;
				height: 30px;
				border: 0px solid #fff;
				border-radius: 10px;
				box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
				padding: 0 30px 0 15px;
				font-size: 20px;
				text-align: center;
			}
			
			.box01 label {
				font-size: 16px;
				z-index: 2;
				position: absolute;
				left: 109px;
				top: 15%;
				color: #b2b2b2;
			}
			
			.ion-search {
				display: inline-block;
				height: 30px;
				width: 30px;
				font-size: 30px;
				z-index: 2;
			}
			
			.ion-refresh {
				font-size: 27px;
				display: inline-block;
				height: 30px;
				width: 30px;
				font-size: 30px;
				z-index: 2;
			}
			
			.ion-person-stalker{
				display: inline-block;
				height: 20px;
				width: 20px;
				font-size: 20px;
				z-index: 2;
			}
            
#scanQRCode {
    margin: 0 auto;
    background-color: #26a2ff;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 80px;
    //border-radius:50%;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    border-radius: 30px;
    border: none;
    cursor: pointer;
    color: #fff;
}

#scanQRCodeDown {
    margin: 0 auto;
    background-color: #ff5500;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 80px;
    // border-radius:50%;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    border-radius: 30px;
    border: none;
    cursor: pointer;
    color: #fff;
}
.zhezhao{
 position: fixed;
 left: 0px;
 top: 0px;
 
 width: 100%;
 height: 100%;
 opacity: 1;
 
}
.tankuang{
 position: fixed;
 background: #55aaff;
 width: 50%;
 height: 38%;
 border-radius: 20px;
 left: 0;
 right: 0;
 margin:0 auto;
 top: 30%;
}
#header{
 height: 40px;
}

#sjcl {
    width: 60%;
}
#gdh_ {
    width: 70%;
    background-color: #55aaff;
}
#scxm_ {
    width: 70%;
    background-color: #55aaff;
}
#bb_ {
    width: 70%;
}

#sjcl1 {
    margin: 0 auto;
    background-color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 65px;
    height: 35px;
    // border-radius:50%;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    color: #000000;
}

#sjcl2 {
    margin: 0 auto;
    background-color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 65px;
    height: 35px;
    // border-radius:50%;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    color: #000000;
}